.category {
  &-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 2rem;
  }

  &-data {
    text-align: center;

    &:hover .category-img {
      transform: translateY(-0.5rem);
    }
  }

  &-img {
    width: 120px;
    margin-bottom: var(--mb-0-75);
    transition: 0.3s;
  }

  &-title {
    margin-bottom: var(--mb-0-25);
  }
}
